.ratespan {
    overflow: hidden;
    display: inline-block;
    unicode-bidi: bidi-override;
    direction: rtl;
}

.ratespan > button.rating:before,
.ratespan > button.rating ~ button:before {
    content: "\2605";
    color: gold;
    position: relative;
}

.ratespan > button:hover:before,
.ratespan > button:hover ~ button:before {
    content: "\2605";
    color: goldenrod;
    position: relative;
}

.star-btn {
    background-color: white;
    border: none;
    display: inline-block;
    float: right;
    font-size: large;
    width: 20px;
    height: 20px;
    padding: 0;
}

.star-btn:not(.rating)::before {
    content: "\2606"
}
